<template>
  <div>
    <div class="goods">
      <div class="g-shop">
        <img class="g-img" src="../../../public/wx/s1.webp" alt="" />
        <h6>
          昕颜【润月雅4ml】私人订制水光针
        </h6>
        <p>
          <span class="price1">¥998</span>
          <s class="price2">¥1800</s>
        </p>
        <p class="cType">到店</p>
        <dl class="s-dl">
          <dt class="s-img">
            <img src="../../../public/wx/sh2.webp" alt="" />
          </dt>
          <dd class="s-name">云熙儿工作室</dd>
        </dl>
      </div>
      <div class="g-shop">
        <img class="g-img" src="../../../public/wx/s1.webp" alt="" />
        <h6>
          昕颜【润月雅4ml】私人订制水光针
        </h6>
        <p>
          <span class="price1">¥998</span>
          <s class="price2">¥1800</s>
        </p>
        <p class="cType">到店</p>
        <dl class="s-dl">
          <dt class="s-img">
            <img src="../../../public/wx/sh2.webp" alt="" />
          </dt>
          <dd class="s-name">云熙儿工作室</dd>
        </dl>
      </div>
      <div class="g-shop">
        <img class="g-img" src="../../../public/wx/s1.webp" alt="" />
        <h6>
          昕颜【润月雅4ml】私人订制水光针
        </h6>
        <p>
          <span class="price1">¥998</span>
          <s class="price2">¥1800</s>
        </p>
        <p class="cType">到店</p>
        <dl class="s-dl">
          <dt class="s-img">
            <img src="../../../public/wx/sh2.webp" alt="" />
          </dt>
          <dd class="s-name">云熙儿工作室</dd>
        </dl>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.goods{
    /* width: 100%; */
    display: flex;
    justify-content: space-evenly;
    margin: 0 0.16rem 0.4rem;
    padding-bottom: .4rem;

}
.g-shop {
  width: 31.945%;
  background: #fff;
  border-radius: .2rem;
}
.g-img {
  width: 100%;
}
.price1 {
  color: #f15b6c;
}
.price2 {
  color: #b7babd;
}
.s-dl{
    display: flex;
}
.s-img img{
  width: .5rem;
  height: .5rem;
  border-radius: 50% 50%;
  margin-right: 0.4rem;
}
.s-name{
    color: #3b3838;
}
.cType{
    color: #00AAFF;
    font-size: .3rem;
    line-height: .4rem;
    border: 1px solid #0af;
    width: 1rem;
    height: .4rem;
    text-align: center;
}
</style>